html, body {
  width: 100%;
  height: 100%;
}

body {
  padding: 12px;
  height: 100%;
}
.service-manage {
  background: #fff;
  border-radius: 4px;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  overflow: hidden;
  .service-manage-edit {
    background-color: white;
    border-radius: 4px;
    overflow: auto;
    .service-manage-edit-main {
      margin: 0 auto 0;
      padding: 0 0 61px 10px;
      width: 700px;
      .add-subform-btn {
        color: $color-primary;
        border-color: $color-primary-light-2;
        background-color: $color-primary-light-1;
        margin-bottom: 12px;
        &:hover {
          background: $color-primary;
          border-color: $color-primary;
          color: #fff;
        }
      }
      .form-servicerNo {
        color: #8a8a8a;
        line-height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .service-add-address {
        height: 40px;
        font-size: 14px;
        font-weight: 400;
        color: $color-primary;
        line-height: 40px;
        cursor: pointer;
      }
      ::v-deep .el-table--border {
        border: 1px solid #ebeef5!important;
      }
      .el-radio-group,
      .el-checkbox-group {
        width: 100%;
        label {
          width: auto;
          display: inline-block;
          margin-right: 20px;
          padding-left: 0;
        }
        ::v-deep .el-checkbox__label,
        ::v-deep .el-radio__label {
          overflow-wrap: break-word;
          text-overflow: ellipsis;
          white-space: normal;
          word-break: break-all;
          padding-left: 6px;
        }
      }
    }
  }
  .service-manage-edit-footer {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e8e8e8;
    padding: 12px 16px;
    .service-title {
      font-size: 16px;
      font-weight: 500;
      color: #262626;
    }
  }
}